<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/elementui.css">
  <script type="text/javascript" src="./js/axios.min.js"></script>
  <script type="text/javascript" src="./js/vue.js"></script>
  <script type="text/javascript" src="./js/vue-async-computed.js"></script>
  <script type="text/javascript" src="./js/http-vue-loader.js"></script>
  <script type="text/javascript" src="./js/vue-router.js"></script>
  <script type="text/javascript" src="./js/elementui.js"></script>
  <script type="text/javascript" src="./js/monaco-editor/vs/loader.js"></script>
</head>

<body>
  <div id="app">
    <div class="top">
      <nav class="topnav">
        <img name="logo" src="./img/consul.svg">
        <ul name="menu">
          <li ref="box" @click.stop="changeDc">
            <div class="select-box">
              <span>Dc（{{ dc }}）</span>
              <i class="dropdown-trigger"></i>
              <div name="dcList" ref="dcList" style="display: none;" @click.stop="selectDc">
                <i>zjy</i>
                <i>m7</i>
                <i>ali</i>
              </div>
            </div>
          </li>
          <li>
            <router-link :to="`/kv?type=dir&dc=${ dc }&key=online-school`">Kv</router-link>
          </li>
          <span class="vertical-divider"></span>
          <li>
            <router-link to="/checker">Checker</router-link>
          </li>
          <span class="vertical-divider"></span>
          <li>
            <router-link to="/validate">Validate</router-link>
          </li>
          <li>
            <router-link to="/user">User</router-link>
          </li>
          <li>Warning</li>
          <li>
            <a href="http://gitlab.17zuoye.net/" class="gitlab">
              <img src="./img/gitlab.svg">
            </a>
          </li>
          <li>
            <div class="button">按钮</div>
          </li>
        </ul>
        <el-avatar size="large" src="http://140.143.169.57/static/timg.jpg" name="avatar"></el-avatar>
        <span name="username" @click="logout" title="退出登录">{{ name }}</span>
      </nav>
    </div>
    <router-view class="container"></router-view>
  </div>
  <script type="text/javascript" src="./js/app.js"></script>

</html>